﻿<!DOCTYPE html> 
<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<title>jQuery Mobile Framework - Dialog Example</title> 

     <link href="../../Content/jquery.mobile-1.2.0.min.css" rel="stylesheet" type="text/css" />

    <script src="../../Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>

</head>
<body>


    <div data-role="dialog">

		<div data-role="header" data-theme="d">
			<h1>对话框例子</h1>
		</div>

		<div data-role="content" data-theme="c">
			<h1>对话框例子 代码 </h1>

			<p>
             
              本 div 被定义为  data-role="dialog"
            
            </p>
			
            
            <a href="/index.htm" data-role="button" data-rel="back" data-theme="b">测试确认</a>

			<a href="/index.htm" data-role="button" data-rel="back" data-theme="c">测试取消</a>    
		</div>

	</div>



</body>
</html>
